import { Button, Radio } from 'antd';
import React, { useState } from 'react';
import styles from './index.module.less';
import BMap from './components/BMap';
import AMap from './components/AMap';
import TMap from './components/TMap';

const coordinates = [
    [116.2756188794575, 39.85052030206029],
    [116.46555543433846, 39.85052030206029],
    [116.46555543433846, 39.977754285041044],
    [116.2756188794575, 39.977754285041044],
    [116.2756188794575, 39.85052030206029],
];
export default function Visualization(props) {

    return (
        <div className={styles.map2d}>
            <Radio.Group style={{margin: '20px'}} value={0}>
                <Radio value={0}>基础面图层</Radio>
            </Radio.Group>
            <div className={styles.maps}>
                <BMap coordinates={coordinates}/>
                <AMap coordinates={coordinates}/>
                <TMap coordinates={coordinates}/>
            </div>
        </div>
    );
}
